<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>GlassBox: flash notice</title>
<script src="../javascripts/prototype.js" type="text/javascript"></script>
<script src="../javascripts/scriptaculous/effects.js" type="text/javascript"></script>
<script src="../javascripts/glassbox/glassbox.js" type="text/javascript"></script>
<style type="text/css">
body { 
  background: url( ../images/bg114.jpg );
  font-family:Arial, Helvetica, sans-serif;
}
#myBox_contentBoxBg {
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
#myBox_content,
#myBox_2_content {
  padding: 20px; 
}
#myBox h3,
#myBox_2 h3 {
  font-size: 17px;
  margin: 0px; 
  text-align: center
}
</style>
<script type="text/javascript">
path_to_root_dir = "../";

function flashnotice(duration) {
	var myBox = new GlassBox();
	myBox.init( 'myBox', '500px', '100px', 'hidden', '', true, true );
	myBox.lbo( false, 0.50 ); 
	myBox.appear(duration);
}
function flashnotice_2() {
	var myBox_2 = new GlassBox();
	myBox_2.init( 'myBox_2', '520px', '100px', 'hidden', '', true, true );
	myBox_2.lbo( true, 0.0 ); 
	myBox_2.appear();
}
</script>
</head>

<body>

<a href="javascript:;" onclick="flashnotice(3000)" >flashnotice: appear(3000)</a>
<br/>
<a href="javascript:;" onclick="flashnotice_2()" >flashnotice: appear()</a>
 
<div id="myBox" style="display:none">
  <h3>This message disappears in 3 seconds.</h3>
</div>

<div id="myBox_2" style="display:none">
  <h3>This message don't disappear automatically.</h3>
</div>

</body>
</html>